<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Page of Administrator</title>
	<!-- begin css -->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap-reset.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	
	<!-- end css -->

</head>
<body  class="sticky-header">
	
	
	<!-- begin main-container -->
	<div class="main-content">
		<!-- begin headersection -->
		<div class="header-section">
			<a href="" class="toggle-btn"><i class="glyphicon glyphicon-tasks"></i></a>
			<div class="nav nav-bar">
				<ul class="notification-menu">
					<li><a href="">
							<i></i>
							<span></span>
							<i></i>
							<span></span>
							<i></i>
							<span></span>
							<i></i>
							<span></span>
							<i></i>
							<span></span>
						</a></li>
				</ul>
			</div>
		</div>
		<!-- end header-section -->
		<!-- begin leftside -->
	<div class="left-side sticky-left-side">
		<div class="left-side-inner">
			<div class="media profile-left" style="min-height:50px;"></div>
					
			<div>
				<!-- begin nav -->	
				<div>
					<ul class="nav nav-pills nav-stacked custom-nav">
						<li class="menu-list">
							<a href="homepage.html">
								<i class="glyphicon glyphicon-home fa fa-"></i>
								<span>Home</span>								
							</a>
							<ul class="sub-menu-list" style="display: none;">
									<li>
										<a href="homepage1.html">homepage1</a>
										<a href="homepage2.html">homepage2</a>
										<a href="homepage3.html">homepage3</a>
										<a href="home.html">home 1</a>
										<a href="home.html">home 2</a>
										<a href="home.html">home 3</a>
										<a href="home.html">home 4</a>
									</li>
								</ul>
							</li>
							<li class="menu-list">
							<a href="layouts.html">
								<i class="glyphicon glyphicon-home fa fa-"></i>
								<span>Sản phẩm</span>								
							</a>
							<ul class="sub-menu-list" style="display: none;">
									<li>
										<a href="#">Sản phẩm 1</a>
										<a href="#">Sản phẩm 2</a>
										<a href="#">Sản phẩm 3</a>
										<a href="#">Sản phẩm 4</a>
										<a href="#">Sản phẩm 5</a>
										<a href="#">Sản phẩm 6</a>
										<a href="#">Sản phẩm 7</a>										
									</li>
								</ul>
							</li>
							<li class="menu-list">
							<a href="ui elements.html">
								<i class="glyphicon glyphicon-home fa fa-"></i>
								<span>ui elements</span>								
							</a>
							<ul class="sub-menu-list" style="display: none;">
									<li>
										<a href="ui elements1.html">ui elements1</a>
										<a href="ui elements2.html">ui elements2</a>
										<a href="ui elements3.html">ui elements3</a>
									</li>
								</ul>
							</li>
							<li class="menu-list">
							<a href="components.html">
								<i class="glyphicon glyphicon-home fa fa-"></i>
								<span>compenents</span>								
							</a>
							<ul class="sub-menu-list" style="display: none;">
									<li>
										<a href="components1.html">components1</a>
										<a href="components2.html">components2</a>
										<a href="components3.html">components3</a>
									</li>
								</ul>
							</li>
							<li class="menu-list">
							<a href="mail.html">
								<i class="glyphicon glyphicon-home fa fa-"></i>
								<span>mail</span>								
							</a>
							<ul class="sub-menu-list" style="display: none;">
									<li>
										<a href="mail1.html">mail1</a>
										<a href="mail2.html">mail2</a>
										<a href="mail3.html">mail3</a>
									</li>
								</ul>
							</li>
							<li class="menu-list">
							<a href="forms.html">
								<i class="glyphicon glyphicon-home fa fa-"></i>
								<span>forms</span>								
							</a>
							<ul class="sub-menu-list" style="display: none;">
									<li>
										<a href="forms1.html">forms1</a>
										<a href="forms2.html">forms2</a>
										<a href="forms3.html">forms3</a>
									</li>
								</ul>
							</li>
							<li class="menu-list">
							<a href="charts.html">
								<i class="glyphicon glyphicon-home fa fa-"></i>
								<span>charts</span>								
							</a>
							<ul class="sub-menu-list" style="display: none;">
									<li>
										<a href="charts1.html">charts1</a>
										<a href="charts2.html">charts2</a>
										<a href="charts3.html">charts3</a>
									</li>
								</ul>
							</li>
							
							<li class="menu-list">
							<a href="datatable.html">
								<i class="glyphicon glyphicon-home fa fa-"></i>
								<span>datatable</span>								
							</a>
							<ul class="sub-menu-list" style="display: none;">
									<li>
										<a href="datatable1.html">datatable1</a>
										<a href="datatable2.html">datatable2</a>
										<a href="datatable3.html">datatable3</a>
									</li>
								</ul>
						</li>
						<li class="menu-list">
							<a href="datatable.html">
								<i class="glyphicon glyphicon-comment fa fa-"></i>
								<span>Messages</span>								
							</a>
							<ul class="sub-menu-list" style="display: none;">
									<li>
										<a href="Message1">Message1</a>
										<a href="Message2">Message1</a>
										<a href="Message3">Message1</a>
										<a href="Message4">Message1</a>
										<a href="Message5">Message1</a>
										<a href="datatable1.html">datatable1</a>
										<a href="datatable2.html">datatable2</a>
										<a href="datatable3.html">datatable3</a>
									</li>
								</ul>
						</li>
					</ul>
				</div>
			</div>
			<!-- end nav -->
		</div>
	</div>
	<!-- end leftside -->
	<!-- begin logo -->
	<div id="logo"></div>
	<!-- end logo -->
		<!-- begin page-section -->
		<div class="page-section"></div>
		<!-- end page-section -->
		<!-- begin pageheader -->
		<div class="pageheader"></div>
		<!-- end page header -->
		<!-- begin wrapper -->
		<div class="wrapper">
			<!-- begin table -->
			<div class="row">
				<div class="col-md-12">
					<section class="panel">
						<header class="panel-heading">Mô tả sản phẩm</header>
						<div class="panel-body">
							<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic eos porro sequi quaerat labore, placeat tempore dolore excepturi voluptatum repellendus asperiores, neque iusto minus! Nemo, officia praesentium temporibus magni.</div>
							<div>Rem, eaque, voluptatum. Quod dignissimos aliquid, asperiores, sunt explicabo non nemo a iure itaque beatae eaque consequatur voluptatum animi eos. Unde quas deleniti, totam et facilis tenetur voluptatum accusamus nulla.</div>
							<div>Velit neque nam veniam tempore iste quasi obcaecati qui rem, praesentium quo cumque earum, labore temporibus placeat exercitationem a sint fugiat dolores repellendus! Tempore, deserunt aliquam voluptatum ad fugit blanditiis.</div>
							<div>Fugiat blanditiis a quae dicta autem dolorem, molestiae ipsam culpa qui assumenda minima necessitatibus aut totam nesciunt, magni cum natus ea soluta recusandae et voluptatum consequatur, aperiam, obcaecati nam! Perspiciatis.</div>
							<div>Fugiat voluptas minus consequuntur, iusto quod maxime delectus reiciendis, alias nemo nobis, aut harum sunt facere vero. Quis ad cupiditate excepturi. Nesciunt ducimus quod ab doloribus accusantium dolorem eaque quasi?</div>
							<div>Sed consectetur dicta dolorem ea praesentium consequuntur magni, ratione aspernatur similique nisi laborum nesciunt, animi commodi ipsum placeat, unde necessitatibus quos! Quibusdam laboriosam, pariatur labore quae odit beatae nesciunt esse.</div>
							<div>Harum fuga, vitae necessitatibus officiis totam nobis a! Vero quis a earum quidem nostrum, eos odio, corporis voluptatem eum ratione amet fugit qui et ex, nam libero voluptates harum sequi.</div>
							<div>Amet, dolor sequi quos soluta blanditiis, dolorum excepturi nesciunt, voluptatum porro eaque explicabo. Repudiandae temporibus ipsum, iusto molestias, fugit accusantium labore magni soluta veritatis quos amet, fugiat quam saepe sed.</div>
							<div>Corporis dolor debitis aliquam commodi vero sunt, laudantium, optio fugit repellat obcaecati quas adipisci consequatur aut. Soluta nostrum sint, ducimus consequatur, optio veritatis ipsum perspiciatis sunt, atque quo ex in?</div>
							<div>Quam, laudantium consequuntur facere magni consectetur expedita hic placeat quo accusamus, vitae molestias doloremque eveniet architecto obcaecati neque labore eum modi quod aperiam et voluptatem itaque nesciunt facilis dignissimos quasi.</div>
						</div>
					</section>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<section class="panel panel-default">
						<header class="panel-heading">Mô tả sản phẩm</header>
						<div class="panel-body">
							<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic eos porro sequi quaerat labore, placeat tempore dolore excepturi voluptatum repellendus asperiores, neque iusto minus! Nemo, officia praesentium temporibus magni.</div>
							<div>Rem, eaque, voluptatum. Quod dignissimos aliquid, asperiores, sunt explicabo non nemo a iure itaque beatae eaque consequatur voluptatum animi eos. Unde quas deleniti, totam et facilis tenetur voluptatum accusamus nulla.</div>
							<div>Velit neque nam veniam tempore iste quasi obcaecati qui rem, praesentium quo cumque earum, labore temporibus placeat exercitationem a sint fugiat dolores repellendus! Tempore, deserunt aliquam voluptatum ad fugit blanditiis.</div>
							<div>Fugiat blanditiis a quae dicta autem dolorem, molestiae ipsam culpa qui assumenda minima necessitatibus aut totam nesciunt, magni cum natus ea soluta recusandae et voluptatum consequatur, aperiam, obcaecati nam! Perspiciatis.</div>
							<div>Fugiat voluptas minus consequuntur, iusto quod maxime delectus reiciendis, alias nemo nobis, aut harum sunt facere vero. Quis ad cupiditate excepturi. Nesciunt ducimus quod ab doloribus accusantium dolorem eaque quasi?</div>
							<div>Sed consectetur dicta dolorem ea praesentium consequuntur magni, ratione aspernatur similique nisi laborum nesciunt, animi commodi ipsum placeat, unde necessitatibus quos! Quibusdam laboriosam, pariatur labore quae odit beatae nesciunt esse.</div>
							<div>Harum fuga, vitae necessitatibus officiis totam nobis a! Vero quis a earum quidem nostrum, eos odio, corporis voluptatem eum ratione amet fugit qui et ex, nam libero voluptates harum sequi.</div>
							<div>Amet, dolor sequi quos soluta blanditiis, dolorum excepturi nesciunt, voluptatum porro eaque explicabo. Repudiandae temporibus ipsum, iusto molestias, fugit accusantium labore magni soluta veritatis quos amet, fugiat quam saepe sed.</div>
							<div>Corporis dolor debitis aliquam commodi vero sunt, laudantium, optio fugit repellat obcaecati quas adipisci consequatur aut. Soluta nostrum sint, ducimus consequatur, optio veritatis ipsum perspiciatis sunt, atque quo ex in?</div>
							<div>Quam, laudantium consequuntur facere magni consectetur expedita hic placeat quo accusamus, vitae molestias doloremque eveniet architecto obcaecati neque labore eum modi quod aperiam et voluptatem itaque nesciunt facilis dignissimos quasi.</div>
						</div>
					</section>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<section class="panel">
						<header class="panel-heading">Button 2</header>
						<div class="panel-body"></div>
					</section>
				</div>
			</div>
			<div class="row">				
		         <div class="col-sm-12">
		            <section class="panel">
		               <header class="panel-heading"> General Table </header>
		               <div class="panel-body">
		                  <table class="table table-hover general-table">
		                     <thead>
		                        <tr>
		                           <th> Company</th>
		                           <th class="hidden-phone">Descrition</th>
		                           <th>Profit</th>
		                           <th>Status</th>
		                           <th>Progress</th>
		                        </tr>
		                     </thead>
		                     <tbody>
		                        <tr>
		                           <td><a href="#">
		                                 ThemeBucket
		                              </a>
		                           </td>
		                           <td class="hidden-phone">Lorem Ipsum dorolo</td>
		                           <td>556.00$ </td>
		                           <td><span class="label label-warning label-mini">Due</span></td>
		                           <td><div class="progress progress-striped progress-xs">
		                                 <div style="width: 70%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-danger">
		                                    <span class="sr-only">70% Complete (success)</span>
		                                 </div>
		                              </div></td>
		                        </tr>
		                        <tr>
		                           <td><a href="#">
		                                 XYZ
		                              </a>
		                           </td>
		                           <td class="hidden-phone">Lorem Ipsum dorolo</td>
		                           <td>13240.00$ </td>
		                           <td><span class="label label-success label-mini">Paid</span></td>
		                           <td><div class="progress progress-striped progress-xs">
		                                 <div style="width: 55%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning">
		                                    <span class="sr-only">55% Complete (success)</span>
		                                 </div>
		                              </div></td>
		                        </tr>
		                        <tr>
		                           <td><a href="#">
		                                 Graphics
		                              </a></td>
		                           <td class="hidden-phone">Lorem Ipsum dorolo imit</td>
		                           <td>1320.00$ </td>
		                           <td><span class="label label-info label-mini">Due</span></td>
		                           <td><div class="progress progress-striped progress-xs">
		                                 <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success">
		                                    <span class="sr-only">40% Complete (success)</span>
		                                 </div>
		                              </div></td>
		                        </tr>
		                        <tr>
		                           <td><a href="#">
		                                 BCSE
		                              </a>
		                           </td>
		                           <td class="hidden-phone">Lorem Ipsum dorolo</td>
		                           <td>3455.50$ </td>
		                           <td><span class="label label-danger label-mini">Paid</span></td>
		                           <td><div class="progress progress-striped progress-xs">
		                                 <div style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-info">
		                                    <span class="sr-only">90% Complete (success)</span>
		                                 </div>
		                              </div></td>
		                        </tr>
		                        <tr>
		                           <td><a href="#">
		                                 AVC Ltd
		                              </a></td>
		                           <td class="hidden-phone">Lorem Ipsum dorolo imit</td>
		                           <td>110.00$ </td>
		                           <td><span class="label label-primary label-mini">Due</span></td>
		                           <td><div class="progress progress-striped progress-xs">
		                                 <div style="width: 60%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success">
		                                    <span class="sr-only">60% Complete (success)</span>
		                                 </div>
		                              </div></td>
		                        </tr>
		                        <tr>
		                           <td><a href="#">
		                                 Themeforest
		                              </a>
		                           </td>
		                           <td class="hidden-phone">Lorem Ipsum dorolo</td>
		                           <td>456.00$ </td>
		                           <td><span class="label label-warning label-mini">Due</span></td>
		                           <td><div class="progress progress-striped progress-xs">
		                                 <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-danger">
		                                    <span class="sr-only">40% Complete (success)</span>
		                                 </div>
		                              </div></td>
		                        </tr>
		                     </tbody>
		                  </table>
		               </div>
		            </section>
		         </div>
      		</div>

			<!-- end table -->
			<!-- <div class="row">
				<div class="col-md-3 col-sm-6">
					<div class="panel">
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-3 col-sm-6">
					<div class="panel">
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-3 col-sm-6">
					<div class="panel">
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-3 col-sm-6">
					<div class="panel">
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
						<div class="panel-body"></div>
						<div class="panel-footer"></div>
					</div>
				</div>
			</div> -->
		</div>
		<!-- end page wrapper -->
		<!-- begin footer -->
		<footer> 2014 © Admin template by SonUIT </footer>
		<!-- end footer -->
		<div id="left-scroll"></div>
	</div>
	<!-- end main-container -->
	<!-- begin js -->
	<script src="js/jquery.js" ></script>
	<script src="js/jquery-ui.min.js"></script>
	<script src="js/boostrap.min.js"></script>
	<script src="js/jquery.nicescroll.min.js"></script>
	<script src="js/js.js"></script>

	<!-- end js -->
</body>
</html>